﻿body {
    margin:0;
    font: 12px/1.5 Arial,Helvetica,sans-serif;
}
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;
	padding:0
}
a{
    cursor: pointer;
}
.nav-main{
    background-color: #ca151e;
    min-width: 1200px;
    height: 40px;
    font-family: 微软雅黑;
    padding:0;
    margin: 0;
    width:100%;

}
.layout{
    position:relative;
    display: table;
    margin: 0 auto;
    width: 1200px;
    padding:0;

}
.layout::before, .layout::after {
    content: "";
    display: table;
}
.naver{
    position: absolute;
    top: 0;
    left: 240px;
    width: 960px;
    font-family: 微软雅黑;
}

.naver ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.naver li{
    float:left;
}
.naver a{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 40px;
    line-height: 39px;
    font-size: 14px;
    color: #FFF;
    padding: 0 30px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
}
.naver a span {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    z-index: 410;
}
.naver li  .hover{
    background-color: #a21118;
} 

.layout .list-category{
    position: absolute;
    top:40px;
    left:240px;
    /*width:110px;  先要设置 才在没有hover的时候看得到效果*/
    height:250px;
    background-color:rgb(215, 197, 197);
    display:none;
}

.rollBox {
    height: 2rem;
    line-height: 2rem;
    clear: both;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-snap-points-x: repeat(100%);
    scroll-snap-type: mandatory;
}
a:link {
    text-decoration: none;
    color: #0088cc
}
.gallery { overflow-x:hidden; overflow-y: hidden; white-space: nowrap; width: 500px; 
           scroll-snap-points-x: repeat(500px);
           scroll-snap-type: mandatory;
} 

::-webkit-scrollbar{
        width: 0;
    height: 0;
}

img { width: 100%; }
